<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器的使用方式</title>
    <link href="css/选择器.css" rel="stylesheet" type="text/css">
</head>
<body>
    <!--dreamweaver   webstorm   vscode  -->
    <p>这是一个段落，通过样式设置字体颜色、字体大小、背景颜色</p>
    <hr/>
    <p>这是一个新段落，通过内部样式的方式，修改</p>
    <a href="#">天猫</a>
    <a href="#">聚划算</a>
    <a href="#">京东</a>

    <!--设置标签-->
    <div class="d1 d11">today1</div>
    <div class="d2">today2</div>
    <div class="d3">today3</div>
    <div class="d4">today4</div>
    <div class="d5">today5</div>

    <hr/>

    <!--id选择器的使用方式-->
    <div id="div2">
    </div>
</body>
</html>